<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的跑团</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/my-groups.css" />
</head>
<body>
	  <div id="wrap">
	  		
	  		<div id="header" class="my-groups-header header">
    	          	<a class="back-icon" tapmode="" onclick="api.closeWin()"></a>
              	<div class="main-header-title">我的跑团<div>
            </div>
	  
        		<div id="main">
        		</div>
    	  
    	  </div>
</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	apiready = function() {
	
		var header = $api.byId('header');
	    $api.fixStatusBar(header);
		
		// status bar style
	    api.setStatusBarStyle({
	        style: 'light'
	    });
	
		// show main
		var width = api.winWidth;
	    var headerPos = $api.offset(header);
	    var height = api.winHeight - headerPos.h;
	    
	    api.openFrame({
	        name: 'my-groups-con',
	        url: 'my-groups-con.html',
	        rect: {
	            x: 0,
	            y: headerPos.h,
	            w: width,
	            h: height
	        },
	        bounces: true,
	        opaque: true,
	        vScrollBarEnabled: false
	    });    
	};

</script>
</html>